<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery过滤选择器</title>
    <style>
        li{
            width: 100px;
            height: 100px;
            float: left;
            background: deeppink;
            margin: 30px 77px;
            list-style: none;
        }
    </style>
    <script src="../../jquery-js/jquery.js"></script>
    <script>
        $(function () {
            // $('li:even').css('color','red');
            // $('li:odd').css('background','yellow');
            // $('li:eq(4)').css('float','right');
            // $('li:lt(7)').css('margin-top','20px');
            //
            // for (var i = 0; i < $('li').length; i++) {
            //     $('li').eq(i).css('opacity',(i+1)/10);
            // }

            $('li').each(function (index,element) {
                $(element).css('opacity',(index+1)/10);
            })
        })
    </script>
</head>
<body>
<li>我是11111</li>
<li>我是22222</li>
<li>我是33333</li>
<li>我是44444</li>
<li>我是55555</li>
<li>我是66666</li>
<li>我是77777</li>
<li>我是88888</li>
<li>我是99999</li>
<li>我是101010</li>
</body>
</html>